<!-- page:framework/easyuiRight.jsp -->
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<%@ include file="/common.jsp" %>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/analogClock/normalize.css" />
<style type="text/css">
.clock{
	width: 160px;
	margin: auto;
}
</style>
<script src="${pageContext.request.contextPath }/static/analogClock/analogClock.js"></script>
<script type="text/javascript">
$(function() {
	AnalogClock("clock2", { width: 160, bgColor: "#fff" });
});
</script>
<body class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'center',border:false,title:''"  style="overflow:hidden;">
        <!-- 获取公告信息：采用自动向上滚动的方式展现 -->
    	<iframe src="${pageContext.request.contextPath}/info/notices/top5Notices" 
    		style="border: 0; width: 100%; height: 99%; "></iframe>
    </div>
    
    <!-- 日历 -->
    <div data-options="region:'south',border:true,collapsible:false,title:'日历',iconCls:'fi-calendar icon-black'" 
    	style="height: 440px; overflow: hidden;background-color:#fff">
        <div class="easyui-calendar" data-options="border:false" 
        	style="width:100%;height:230px;background-color:#fff"></div>
        <div id="clock2" class="clock"></div>
    </div>
    
    <!-- 炫酷的背景 
	<script type="text/javascript" color="255,0,0" opacity='0.7' zIndex="-1" count="60" 
		src="${pageContext.request.contextPath }/static/canvas-net/canvas-nest.min.js"></script>
	-->
</body>
</html>
